Ext.Loader.setConfig({
    enabled: true
});

/*Ext.onReady(function(){
   var pb = Ext.create('Ext.ProgressBar', {
      margin: 50,
	  ui:'default'
   });
   // Wait for 5 seconds, then update the status el (progress bar will auto-reset)
   pb.wait({
      interval: 500, //bar will move fast!
      duration: 50000,
      increment: 15,
      text: "Hi, I've got a custom UI...",
      scope: this,
      fn: function(){
         p.updateText('Done!');
      }
   });
   var pa = Ext.create("Ext.panel.Panel", {
      title: "I'm a regular 'default' UI Panel",
      width: 500,
      items: pb, // put the progressbar in our panel
      floating: true,
      renderTo: Ext.getBody(),
      closable: true
   })
});*/

Ext.create('Ext.app.Application', {
    name: 'MyBlog',
	autoCreateViewport: false,
	appFolder: 'app',
	controllers: ['EntryTabs','EntryList'],
	
    launch: function() { 
		Ext.create('Ext.container.Viewport', {
            layout: 'border',
            items: [{
					region: 'north',
					html: '<h1 class="x-panel-header">My Blog!!!</h1>',
					autoHeight: true,
					border: false,
					margins: '0 0 5 0'
				},
                {
					region: 'west',
					width: 150,
                    xtype: 'entryList'
                },{
					region: 'south',
					title: 'South Panel',
					collapsible: true,
					html: 'Information goes here',
					split: true,
					height: 100,
					minHeight: 100
				}, {
					region: 'east',
					title: 'East Panel',
					collapsible: true,
					split: true,
					width: 150
				}, {
					region: 'center',
					xtype: 'entryTabs',
					autoHeight: true,
					border: false,
					layout: 'vbox'
				}]
        });
    }
});

